<template>
	<view class="empty">
		<view class="empty-state" :style="{ marginTop: marginTop }">
			<image src="static/empty.png" mode="aspectFit"></image>
		</view>
		<view class="text" v-if="text">{{ text }}</view>
	</view>
</template>

<script>
export default {
	props: {
		text: {
			type: String,
			default: ''
		},
		marginTop: {
			type: String,
			default: '340rpx'
		}
	}
};
</script>

<style scoped lang="scss">
.empty {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.empty-state {
	// margin-top: 340rpx;
	width: 400rpx;
	height: 400rpx;
}
.text {
	margin-top: 48rpx;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #86909c;
}
</style>
